.message {
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, -100%);
  min-width: 30%;
  max-width: 70%;
  padding: 8px 8px;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  &.show {
    opacity: 1;
    transform: translate(-50%, 0);
  }
  &.success {
    background: #f0f9eb;
    color: #67c23a;
  }
  &.error {
    background: #fef0f0;
    color: #f56c6c;
  }
  &.wran {
    background: #fdf6ec;
    color: #e6a23c;
  }
  &.info {
    background: #edf2fc;
    color: #909399;
  }
}
